﻿<!DOCTYPE html>
<center>
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<link href="Content/font-awesome.css" rel="stylesheet" />
		<link href="Content/bootstrap.min.css" rel="stylesheet" />
		<link href="Content/myCSS.css" rel="stylesheet" />
		<link href="Images/favicon.ico" rel="shortcut icon">
		<title>My To Do List</title>
	</head>
	<body>

		<div class="well" id="list-holder">
			<h1 class="text-info" style="">My To Do List</h1>
			<div id="input-fields" class="well">
				<input class="input-sm" type="text" id="item-input" style="text-align: center" placeholder="Enter a new To-Do" />
				<div class="btn btn-success btn-block" onclick="ToDoApp.addItem()">
					<span class='glyphicon glyphicon-plus-sign'>
					</span>&nbsp; Add New Task
				</div>
				<!--Deletes Completed Tasks-->
				<div class="btn btn-danger btn-block"
					 onclick="ToDoApp.clearDone()">
					<span class='glyphicon glyphicon-remove'></span> On Complete Remove Task
				</div>
			</div>
				<!--Table Items Go In-->
			<div id="list" class="table"></div>
		</div>


		<script src="Scripts/jquery-1.9.0.min.js"></script>
		<script src="Scripts/bootstrap.js"></script>
		<script src="myJS.js"></script>
	</body>
</html>
</center>